<template>
  <div class="pages-view">
    <header-bar @showTalion="open($event)" :value="'showTalion'"></header-bar>
    <router-view></router-view>
    <talion-view v-show="talion" @closeTalion="close"></talion-view>
  </div>
</template>

<script>
/* eslint-disable */
import HeaderBar from "../components/HeaderBar";
import TalionView from "../views/TalionView";

export default {
  name: "pages-view",
  components: { HeaderBar, TalionView },
  data() {
    return {
      talion: ""
    };
  },
  methods: {
    open: function(val) {
      console.log(val);
      this.talion = "open";
    },
    close: function() {
      this.talion = "";
    }
  }
};
</script>

<style scoped>
</style>
